<!DOCTYPE html PUBLIC
"-//OPENHTMLTOPDF//MATH XHTML Character Entities With MathML 1.0//EN"
"">
<html>
<head>
<style>
@page {
  size: 500px 1500px;
  margin: 0;
}
body {
  margin: 0;
}
math {
  font-family: 'MyFont';
  display: block;
  border: 2px solid red;
  margin: 2px;
  padding: 4px;
}
</style>
</head>
<body>
<!-- width only -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="width: 100px;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- height only -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="height: 100px;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- min-width -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="width: 100px; min-width: 200px;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- min-height -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="height: 100px; min-height: 50px;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- max-width -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="width: 400px; max-width: 70px;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- max-height -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="height: 400px; max-height: 80px;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- border-box -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="padding: 50px; width: 220px; box-sizing: border-box;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- content-box -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="padding: 50px; width: 200px; box-sizing: content-box;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- width and height -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="width: 100px; height: 100px;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- border-box with different padding values -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="padding: 0 10px 20px 40px; width: 220px; box-sizing: border-box;">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

<!-- Intrinsic size -->
<math xmlns="http://www.w3.org/1998/Math/MathML" style="">
 <mrow>
   <msup>
     <mfenced>
       <mrow>
         <mi>a</mi>
         <mo>+</mo>
         <mi>b</mi>
       </mrow>
     </mfenced>
     <mn>2</mn>
   </msup>
 </mrow>
</math>

</body>
</html>
